<template>
    <div class="workMgmt">

        <el-table :data="tableData" border class="table">
            <el-table-column prop="id" label="用户ID" align="center">
            </el-table-column>
            <el-table-column prop="userId" label="所属班级" align="center">
            </el-table-column>
            <el-table-column prop="title" label="作业名称" align="center">
            </el-table-column>
            <el-table-column prop="completed_text" label="完成情况" align="center">
            </el-table-column>
        </el-table>

        <Page :total="total" :url="url"></Page>
    </div>
</template>

<script>
// import Page from '../common/Paging.vue'
import Page from '@/components/common/Paging.vue'
export default {
    components: {
        Page
    },
    data() {
        return {
            tableData: [],
            total: 0,
            url: '/works'
        }
    }
}
</script>
<style lang="scss" scoped>
.workMgmt {
    .table {
        width: 100%;
    }

    .el-pagination {
        text-align: left;
        margin-top: 20px;
    }
}
</style>